<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圆角案例</title>
    <style>
      *{
        margin: 0;
        padding: 0;  
      }  
      input{
          outline: none;
      }
      div{
          width: 935px;
          height: 120px;
          border: 1px solid #dedede;
          margin: 10px auto;
          background:#ebe9ea;
          border-radius: 15px;
          box-shadow: 4px 11px 7px #b2b2b2,-4px 11px 7px #b2b2b2;
      }
      [type=text]{
          width: 683px;
          height:85px;
          margin:17px;
          border:3px solid #cccccc;
          border-radius: 4px;
          font-size: 25px;
          text-indent: 11px;/* 文本缩进  */      
      }

      [type=submit]{
          width: 200px;
          height: 86px;
          background: url(1.png);
          border-radius: 5px;
          border: 1px solid #01748f;
          font-size: 23px;
          color: white;
      }
    </style>
</head>
<body>
   
    <div>
        <input type="text" placeholder="Search for CSS3,HTML5,jQuery...">
        <!-- placeholder描述输入字段预期值的提示信息 -->
        <input type="submit" value="GO">
    </div>

</body>
</html>